<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Free classifieds in India, classified ads in India (For Sale, Personals, Vehicles, Real Estate, Community,...)</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free classifieds in India, classified ads in India (For Sale, Personals, Vehicles, Real Estate, Community,...)</title>
<meta name="keywords" content="India, classifieds, classified ads, jobs, auctions, for sale, real estate, services, community, events" />
<meta name="description" content="Online exchange India offers local classified ads for jobs, auctions, for sale, real estate, services, community and events - Post your classified ad for free." />

	<link rel="shortcut icon" href="/favicon.ico"></link>
	<link href="templatemo_style.css" type="text/css" rel="stylesheet" /> 
	<style>
#btn1{
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	left:900px;
	cursor:pointer;
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
	background-image: url(images/aries.png);
	
}
#btn2{
	background:#C30;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#btn3{
	background:#F60;
	border-color:#F60;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#btn4{
	background:#C3C;
	border-color:#F60;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}
#btn5{
	background:#F36;
	border-color:#F60;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#btn6{
	background:#6C0;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#btn7{
	background:#C3C;
	border-color:#F60;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}
#btn8{
	background:#F36;
	border-color:#F60;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#btn9{
	background:#6C0;
	height:150px;
	width:150px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	left:900px;
	cursor:pointer;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:150px;
	padding-left:30px;
	text-align:left;
}

#content{
	background:#369;
	height:520px;
	width:750px;
	position:relative;
	top:500px;
	z-index:0;
}

#backbutton{
	position:relative;
	left:760px;
	cursor:pointer;
}

#caption{
	position:relative;
	top:-60px;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#pagecaption{
	position:relative;
	top:-60px;
	
	color:#FFF;
	font-size:25px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
</style>
	<script type="text/javascript" src="js/check_browser_close.js"></script>
	<script type="text/javascript" src="js/TweenLite.min.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script> 
    <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> 
    <script type="text/JavaScript" src="js/slimbox2.js"></script> 
</h:head>
<h:body>

<div id="templatemo_header">
    <div id="site_title"><h2><B><a href="http://buyaursell.appspot.com" title="Free classifieds in India"><img src="images/D8MBLogo.png" align="top"/></a></B></h2></div>
</div>
<div id="templatemo_main">
		
        
        <div class="section section_with_padding" id="contact"> 
            <h2>Astrology</h2> 
                
               
   
  <div >
	      <div id="backbutton" style="height:44px; width:44px; margin-top:-55px; float:left; position:absolute"> <img src="images/backbtn.png" width="44" height="44" /> </div>
  </div>
             
               
               <div style="width:750px; height:500px; overflow:hidden; margin: 0 auto; position:relative; margin-top:0px;">

					<a href="1.html" target="main"><div id="btn1" style="float:left"> <p> </p> </div> </a>
				    <a href="2.html" target="main"><div id="btn2" style="float:left"> <p> Our Products </p> </div> </a>
				    <a href="3.html" target="main"><div id="btn3" style="float:left"> <p> Who We Are? </p> </div> </a>
				    <a href="4.html" target="main"><div id="btn4" style="float:left"> <p> We on Map </p> </div> </a>
				    <a href="5.html" target="main"><div id="btn5" style="float:left"> <p> Contact Us </p> </div> </a>
				    <a href="6.html" target="main"><div id="btn6" style="float:left"> <p> Feedback </p> </div> </a>
				    <a href="4.html" target="main"><div id="btn7" style="float:left"> <p> We on Map </p> </div> </a>
				    <a href="5.html" target="main"><div id="btn8" style="float:left"> <p> Contact Us </p> </div> </a>
				    <a href="6.html" target="main"><div id="btn9" style="float:left"> <p> Feedback </p> </div> </a>
				    <a href="4.html" target="main"><div id="btn10" style="float:left"> <p> We on Map </p> </div> </a>
				    <a href="5.html" target="main"><div id="btn11" style="float:left"> <p> Contact Us </p> </div> </a>
				    <a href="6.html" target="main"><div id="btn12" style="float:left"> <p> Feedback </p> </div> </a>
				    <div id="content" style="position:absolute"> <iframe name="main" frameborder="0" height="750px" width="750px"></iframe>  </div>
				    
				</div>
               
            <a href="/index.html" class="slider_nav_btn home_btn">home</a> 
             
        </div> 
    </div> 
<div id="templatemo_footer">
    Copyright © 2013 <a href="#">www.d8mb.com</a> | Designed by Sanyog Barve
</div>
<script type="text/javascript">
$(document).ready(function(){
  TweenLite.to($("#caption"),2,{css:{top:0},delay:1, ease:Power2.easeOut});
  TweenLite.to($("#btn1"),2,{css:{left:0},delay:2, ease:Power2.easeOut});
  TweenLite.to($("#btn2"),2,{css:{left:20},delay:2.5, ease:Power2.easeOut});
  TweenLite.to($("#btn3"),2,{css:{left:40},delay:3, ease:Power2.easeOut});
  TweenLite.to($("#btn4"),2,{css:{left:0},delay:3.5, ease:Power2.easeOut});
  TweenLite.to($("#btn5"),2,{css:{left:20},delay:4, ease:Power2.easeOut});
  TweenLite.to($("#btn6"),2,{css:{left:40},delay:4.5, ease:Power2.easeOut});
  TweenLite.to($("#btn7"),2,{css:{left:0},delay:5, ease:Power2.easeOut});
  TweenLite.to($("#btn8"),2,{css:{left:20},delay:5.5, ease:Power2.easeOut});
  TweenLite.to($("#btn9"),2,{css:{left:40},delay:6, ease:Power2.easeOut});
  TweenLite.to($("#btn10"),2,{css:{left:0},delay:5, ease:Power2.easeOut});
  TweenLite.to($("#btn11"),2,{css:{left:20},delay:5.5, ease:Power2.easeOut});
  TweenLite.to($("#btn12"),2,{css:{left:40},delay:6, ease:Power2.easeOut});
  
  });
  
   
  $("#btn1").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("About Us");
	 
  });
  
  $("#btn2").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("Our Products");
	 
  });
  
  $("#btn3").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("Who We Are?");
	 
  });
  
  $("#btn4").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("We on Map");
	 
  });
  
  $("#btn5").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("Contact Us");
	 
  });
  
   $("#btn6").click(function(){
	  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
	  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
	  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
	  $("#pagecaption").text("Feedback");
	 
  });
   
   $("#btn7").click(function(){
		  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
		  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
		  $("#pagecaption").text("We on Map");
		 
	  });
	  
	  $("#btn8").click(function(){
		  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
		  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
		  $("#pagecaption").text("Contact Us");
		 
	  });
	  
	   $("#btn9").click(function(){
		  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
		  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
		  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
		  $("#pagecaption").text("Feedback");
		 
	  });
	   $("#btn10").click(function(){
			  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
			  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
			  $("#pagecaption").text("Feedback");
			 
		  });
	   $("#btn11").click(function(){
			  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
			  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
			  $("#pagecaption").text("Feedback");
			 
		  });
	   $("#btn12").click(function(){
			  TweenLite.to($("#content"),0.5,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#backbutton"),1,{css:{left:650, rotation:-180}, ease:Power2.easeOut});
			  TweenLite.to($("#pagecaption"),1,{css:{top:0}, ease:Power2.easeOut});
			  TweenLite.to($("#caption"),1,{css:{top:90}, ease:Power2.easeOut});
			  $("#pagecaption").text("Feedback");
			 
		  });
  
  
   $("#backbutton").click(function(){
	    TweenLite.to($("#content"),1,{css:{top:500}, ease:Power2.easeIn});
		TweenLite.to($("#backbutton"),1,{css:{left:760, rotation:0}, ease:Power2.easeIn});
		TweenLite.to($("#pagecaption"),1,{css:{top:-60}, ease:Power2.easeOut});
		TweenLite.to($("#caption"),1,{css:{top:0}, ease:Power2.easeOut});
	});   
</script>	
</h:body>
</html>


